<template>
	<view class="flex-col page">
	  <view class="flex-col flex-auto group">
	<uni-grid :column="1" :highlight="true" :square="false" :showBorder="false"  class="grid-container">
		<!-- <uni-grid-item v-for="item, index in shop" @click="clicklistitem1(item)" :index="index" :key="index"  > -->
		<view class="flex-col group_77 space-y-155" v-for="item, index in shop"  @click="clicklistitem1(item)" :index="index" :key="index" >
			<view class="flex-col self-start section_33 space-y-144">
			  <view class="flex-col items-start">
				<image class="image_133" src="../../static/images/51276e00a4890f11936fcc00b81e6367.png" />
				<text class="font_11">{{item.name_commodity}}</text>
			  </view>							  
			  <view class="flex-row items-center space-x-44">
				<text class="font_44">{{item.description_commodity}}</text>
				<view class="section_22"></view>
				<text class="font_44 text_122">￥{{item.money_commodity}}</text>
			  </view>
			</view>
		</view>
		<!-- </uni-grid-item> -->
	</uni-grid>
	</view>
	</view>
</template>

<script>
	import { _typeshopequip } from '@/service/shop.js'
	export default {
		data() {
			return {
				type:'1',
				shop:[],
			}
		},
		onShow() {
			this.getshopdetails();
		},
		methods: {
			async getshopdetails(){
				let data={
					type : this.type
				}
				let res = await _typeshopequip(data)
				this.shop = res.data
				console.log(this.shop)
			},
			clicklistitem1(item){
				const data={
					name_commodity:item.name_commodity,
					description_commodity:item.description_commodity,
					money_commodity:item.money_commodity,
					serialnum_commodity:item.serialnum_commodity,
				}
				uni.setStorageSync('shopxiangqing', {
					data: data,
					from: '/pages/shopxiangqing/shopxiangqing'
				  });
				  uni.navigateTo({
					url: '/pages/shopxiangqing/shopxiangqing'
				  });
			},
		    
		}
	}
</script>

<style scoped lang="scss">
	.checkPage{
			// width: 100%;
			// overflow: hidden;
			bottom: 0;
			position: absolute;
		}
		
		.typelist {
		  position: fixed;
		  bottom: 0;
		}
		.date{
			background: #ffffff;
			padding: 10upx;
			margin-bottom: 50rpx;
			display: flex;
			justify-content: center;
			align-items: center;
			flex-wrap: wrap;
			width: 100%;
			// height: 240upx;
		}
		.tabWrap {
			display: flex;
			height: 80upx;
			width: 100%;
		}
	.eachTab{
			display: flex;
			align-items: center;
			justify-content: space-evenly;
			width: 145upx;
			height: 50upx;
			border-radius: 40upx;
			background: #ffffff;
			margin: 10upx 20upx;
		}

	.grid-item-box {
		flex: 1;
		// position: relative;
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding: 6rpx;
	}
	
	.grid{
		margin-top: 25rpx;
	}
	.grid-container {
	  width: 800px; /* 设置宽度 */
	  height: 800px; /* 设置高度 */
	}

  .page {
    background-color: #ffffff;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
    }
  .group_77 {
	margin-top: 5.5rpx;
	padding-left: 23.5rpx;
	padding-right: 25rpx;
        
	.section_33 {
	  padding: 4.17rpx 25rpx 16.67rpx;
	  background-color: #ffffff;
	  border-radius: 20.83rpx;
	  box-shadow: 0px 1.17rpx 3.33rpx #00000040;
	  width: 333.33rpx;
	  border: solid 0.08rpx #b4cccb80;
	  .image_133 {
		width: 75rpx;
		height: 89.58rpx;
	  }
	}
	.section_3 {
	  padding: 4.17rpx 25rpx 16.67rpx;
	  background-color: #ffffff;
	  border-radius: 20.83rpx;
	  box-shadow: 0px 4.17rpx 8.33rpx #00000040;
	  width: 333.33rpx;
	  border: solid 2.08rpx #00baad80;
	  .image_13 {
	    width: 75rpx;
	    height: 89.58rpx;
	  }
	}
	
	.space-y-144 {
	  & > view:not(:first-child),
	  & > text:not(:first-child),
	  & > image:not(:first-child) {
		margin-top: 35.17rpx;
	  }
	}
	.space-x-44 {
	  & > view:not(:first-child),
	  & > text:not(:first-child),
	  & > image:not(:first-child) {
		margin-left: 8.33rpx;
	  }
	  .text_122 {
		color: #43cf7c;
		line-height: 17.71rpx;
	  }
	}
	.section_22 {
	  background-color: #a6a6a6;
	  width: 2.08rpx;
	  height: 29.17rpx;
	}
  }
  .space-y-155 {
	& > view:not(:first-child),
	& > text:not(:first-child),
	& > image:not(:first-child) {
	  margin-top: 31.25rpx;
	}
  }
  .font_44 {
	font-size: 18.75rpx;
	font-family: AlibabaPuHuiTi;
	line-height: 16.67rpx;
	color: #00000080;
  }
  .font_11 {
	margin-top: 15rpx;
	font-size: 25rpx;
	font-family: SourceHanSansCN;
	line-height: 22.92rpx;
	color: #000000;
  }
  .image_14 {
	margin-right: 54rpx;
	margin-top: 125rpx;
	border-radius: 50%;
	width: 94rpx;
	height: 94rpx;
	position: fixed;
	bottom: 140rpx;
	right: 0;
  }
  .selected-icon {
    position: absolute;
    top: 20rpx;
    right: 30rpx;
    width: 20px;
    height: 20px;
  }
</style>